<!doctype html>
<html lang="zh">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title>我的-基本设置</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/svg/svg.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" href="../../css/login/user.css">
		<style type="text/css">
			.user_header_box div:nth-child(3) {
				color: #5783c0;
			}
		</style>
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="back-header">
				<a @click="close()" class="back-header-a">
					<i class="fa fa-angle-left fa-2x white middle"></i>
				</a>
				<div class="back-header-main">基本设置</div>
			</div>
			<!--公共头部结束-->
			<!--个人信息S-->
			<div class="user_header_box">
				<div>
					<p class="user_header_box_img"><img :src="avatar_path + avatar" /></p>
					<div class="user_header_level_img"><img src="../../images/user/user_header_level.png" /></div>
				</div>
				<div>积分：{{user.integral}}</div>
				<div>{{nickname?nickname:'昵称'}}</div>
			</div>
			<!--个人信息E-->
			<!--功能列表S-->
			<div class="user_list_box">
				<ul>
					<a v-on:click="editPersonMsg()">
						<li>
							<img class="svg-c red" src="../../lib/svg/setup.svg" type="" />
							<span>修改个人信息</span>
							<i class="fa fa-angle-right fa-2x icon_r"></i>
						</li>
					</a>
					<a v-on:click="editAvatar()">
						<li>
							<img class="svg-c yellow" src="../../lib/svg/people.svg" type="" />
							<span>修改头像</span>
							<i class="fa fa-angle-right fa-2x icon_r"></i>
						</li>
					</a>
					<a v-on:click="editPassword()">
						<li>
							<img class="svg-c purple" src="../../lib/svg/lock.svg" type="" />
							<span>修改密码</span>
							<i class="fa fa-angle-right fa-2x icon_r"></i>
						</li>
					</a>
					<a v-on:click="editPhone()">
						<li>
							<img class="svg-c blue" src="../../lib/svg/phone.svg" type="" />
							<span>修改绑定手机</span>
							<i class="fa fa-angle-right fa-2x icon_r"></i>
						</li>
					</a>
					<a v-on:click="loyout()">
						<li>
							<img class="svg-c green" src="../../lib/svg/signout.svg" type="" />
							<span>退出登录</span>
							<i class="fa fa-angle-right fa-2x icon_r"></i>
						</li>
					</a>
				</ul>
			</div>
			<!--功能列表E-->
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/user/userSetting.js" type="text/javascript" charset="utf-8"></script>

</html>